.main-color {
	color: $main-color;
}

.primary-color {
	color: $primary-color;
}
.tag-color {
	color: $tag-color;
}
.active-color {
	color: $active-color;
}
.back-color {
	color: $back-color;
}
.number-color {
	color: $number-color;
}
.danger-color {
	color: $danger-color;
}

.info-color {
	color: $info-color;
}
.warming-color {
	color: $warming-color;
}

.info-icon-color {
	color: $info-icon-color;
}

.placeholder-color {
	color: $placeholder-color;
}

.price-color {
	color: $price-color;
}
.service-color {
	color: $service-color;
}
.service-back-color {
	color: $service-back-color;
}
.container {
	padding: 10rpx 24rpx;
	font-size: 28rpx;
	line-height: 48rpx;
	-webkit-overflow-scrolling: touch;
}
.p20 {
	padding: 20rpx;
}
.p10 {
	padding: 10rpx;
}
.p30 {
	padding: 30rpx;
}
.box-b {
	box-sizing: border-box;
}
.rel {
	position: relative;
}
.abs {
	position: absolute;
}
.fix {
	position: fixed;
}
.df {
	display: flex;
}
.ac {
	align-items: center;
}
.fdc {
	flex-direction: column;
}
.jsc {
	justify-content: center;
}
.jsb {
	justify-content: space-between;
}
.jsa {
	justify-content: space-around;
}
.jse {
	justify-content: flex-end;
}
.jst {
	justify-content: flex-start;
}
.flw {
	flex-wrap: wrap;
}
.tc {
	text-align: center;
}
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.f-l {
	float: left;
}
.f-r {
	float: right;
}
.fx-wp {
	flex-wrap: wrap;
}
.pct20 {
	width: 20%;
}
.pct33 {
	width: 33%;
}
.pct45 {
	width: 45%;
}
.pct50 {
	width: 50%;
}
.pct60 {
	width: 60%;
}
.pct70 {
	width: 70%;
}
.pct80 {
	width: 80%;
}
.pct100 {
	width: 100%;
}
.button-color {
	background: $primary-color;
}
.button-radius {
	border-radius: 32rpx;
}
.lh60 {
	line-height: 60rpx;
}
.h60 {
	height: 60rpx;
}
.lh70 {
	line-height: 70rpx !important;
}
.lh80 {
	line-height: 80rpx;
}
.h80 {
	height: 80rpx;
}
.h90 {
	height: 90rpx;
}
.lh90 {
	line-height: 90rpx;
}
.lh100 {
	line-height: 100rpx;
}
.h100 {
	height: 100rpx;
}
.b {
	font-weight: 500;
}
.f20 {
	font-size: 20rpx;
}
.f22 {
	font-size: 22rpx;
}
.f24 {
	font-size: 24rpx;
}
.f26 {
	font-size: 26rpx;
}
.f28 {
	font-size: 28rpx;
}
.f30 {
	font-size: 30rpx;
}
.f32 {
	font-size: 32rpx;
}
.f34 {
	font-size: 34rpx;
}
.f36 {
	font-size: 36rpx;
}
.f38 {
	font-size: 38rpx;
}
.f40 {
	font-size: 40rpx;
}
.f42 {
	font-size: 42rpx;
}
.f44 {
	font-size: 44rpx;
}
.f45 {
	font-size: 45rpx;
}
.f50 {
	font-size: 50rpx;
}
.f58 {
	font-size: 58rpx;
}
.z-i {
	z-index: 10000;
}
.order-radio {
	color: #ffffff;
}
.gff {
	color: #ffffff;
}
.g3 {
	color: #333333;
}
.g6 {
	color: #666666;
}
.g9 {
	color: $placeholder-color;
}
.g4 {
	color: $primary-color;
}
.c6 {
	color: #6c6c6c;
}
.gf {
	color: $price-color;
}
.gd9 {
	color: #d9d9d9;
}
.g80f {
	color: #8080ff;
}
.g81 {
	color: #81b337;
}
.gdd {
	color: $danger-color;
}
.g63 {
	color: #63a103;
}
.g52 {
	color: #52c41a;
}
.gbd {
	color: #bd3124;
}
.gbw {
	color: #e6a23c;
}
.g89 {
	color: #1989fa;
}
.pt10 {
	padding-top: 10rpx;
}
.pt20 {
	padding-top: 20rpx;
}
.pt30 {
	padding-top: 30rpx;
}
.pt40 {
	padding-top: 40rpx;
}
.pt100 {
	padding-top: 100rpx;
}
.pl10 {
	padding-left: 10rpx;
}
.pl20 {
	padding-left: 20rpx;
}
.pl24 {
	padding-left: 24rpx;
}
.pl30 {
	padding-left: 30rpx;
}
.pl40 {
	padding-left: 40rpx;
}
.pb10 {
	padding-bottom: 10rpx;
}
.pb20 {
	padding-bottom: 20rpx;
}
.pb30 {
	padding-bottom: 30rpx;
}
.pb40 {
	padding-bottom: 40rpx;
}
.pb160 {
	padding-bottom: 160rpx;
}
.pr10 {
	padding-right: 10rpx;
}
.pr20 {
	padding-right: 20rpx;
}
.pr24 {
	padding-right: 24rpx;
}
.pr30 {
	padding-right: 30rpx;
}
.pr40 {
	padding-right: 40rpx;
}
.mt10 {
	margin-top: 10rpx;
}
.mt20 {
	margin-top: 20rpx;
}
.mt30 {
	margin-top: 30rpx;
}
.mt40 {
	margin-top: 40rpx;
}
.mt50 {
	margin-top: 50rpx;
}
.mt100 {
	margin-top: 100rpx;
}
.ml0 {
	margin-left: 0;
}
.ml10 {
	margin-left: 10rpx;
}
.ml20 {
	margin-left: 20rpx;
}
.ml24 {
	margin-left: 24rpx;
}
.ml30 {
	margin-left: 30rpx;
}
.ml40 {
	margin-left: 40rpx;
}
.mb10 {
	margin-bottom: 10rpx;
}
.mb20 {
	margin-bottom: 20rpx;
}
.mb30 {
	margin-bottom: 30rpx;
}
.mb40 {
	margin-bottom: 40rpx;
}
.mb50 {
	margin-bottom: 50rpx;
}
.mr0 {
	margin-right: 0;
}
.mr10 {
	margin-right: 10rpx;
}
.mr20 {
	margin-right: 20rpx;
}
.mr24 {
	margin-right: 24rpx;
}
.mr30 {
	margin-right: 30rpx;
}
.mr40 {
	margin-right: 40rpx;
}
.pd20 {
	padding: 20rpx;
}
.pd10 {
	padding: 10rpx;
}
.backf {
	background: #ffffff;
}
.backFa {
	background-color: #fafafa;
}
.backMain {
	background-color: #f4fbfb;
}
.border-d {
	border: 2rpx solid #d9d9d9;
}
.border-e {
	border: 2rpx solid #eeeeee;
}
.border-f2 {
	border: 2rpx solid #f2f2f2;
}
.bd-bottom-e {
	border-bottom: 2rpx solid #eeeeee;
}
.bd-top-e {
	border-top: 2rpx solid #eeeeee;
}
.bd-bottom-f2 {
	border-bottom: 2rpx solid #f2f2f2;
}
.bd-bottom-f9 {
	border-bottom: 2rpx solid #999999;
}
.border-e5 {
	border: 2rpx solid #e5e5e5;
}
.border-r-10 {
	border-radius: 10rpx;
}
.uni-button-color {
	color: $primary-color !important;
}

.w10 {
	width: 10%;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w30 {
	width: 30%;
}
.w35 {
	width: 35%;
}
.w40 {
	width: 40%;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50%;
}
.w60 {
	width: 60%;
}
.w70 {
	width: 70%;
}
.w80 {
	width: 80%;
}
.w90 {
	width: 90%;
}
.w100 {
	width: 100%;
}

.fw400 {
	font-weight: 400;
}
.fw500 {
	font-weight: 500;
}
.fw600 {
	font-weight: 600;
}
.fwb {
	font-weight: bold;
}

.flex-1 {
	flex: 1;
}
.bottom-button-bd {
	position: fixed;
	width: 100%;
	height: 100rpx;
	z-index: 10;
	background-color: #ffffff;
	box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.08);
	bottom: 0;
	left: 0;
	display: flex;
	padding: 20rpx 0 30rpx;
	align-items: center;
	justify-content: center;
}
.ghost-button {
	border: 2rpx solid #d9d9d9;
	height: 76rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #666666;
	border-radius: 10rpx;
	font-size: 32rpx;
	background-color: transparent;
	text-align: center;
	&.circle,
	&.linear {
		border: 2rpx solid #e8e8e8;
		background-color: transparent;
		height: 76rpx;
		font-size: 34rpx;
		border-radius: 40rpx;
	}
}
.primary-button {
	height: 80rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #2e95ff;
	border-radius: 80rpx;
	font-size: 34rpx;
	color: #ffffff;

	&.plain {
		background-color: #fff;
		color: ffffff;
	}
	&.small-size {
		height: 60rpx;
		line-height: 60rpx;
		font-size: 30rpx;
	}
	&.linear {
		height: 76rpx;
		font-size: 32rpx;
		background: $def-btn-color;
		border-radius: 40rpx;
	}
	&.middle-linear {
		height: 68rpx;
		font-size: 28rpx;
		background: $def-btn-color;
		border-radius: 40rpx;
	}
	&.middle-size {
		height: 70rpx;
		font-size: 28rpx;
		border-radius: 8rpx;
	}
	&.small-linear {
		height: 60rpx;
		font-size: 28rpx;
		background: $def-btn-color;
		border-radius: 30rpx;
	}
	&.mini-linear {
		height: 40rpx;
		font-size: 20rpx;
		background: $def-btn-color;
		border-radius: 10rpx;
	}
	&.mini-linear[disabled]:not([type]) {
		color: #ffffff;
		background: #d9d9d9 !important;
	}
	&.circle {
		border-radius: 80rpx;
	}
}

.primary-button::after {
	border: none !important;
}

.primary-button[disabled]:not([type]) {
	color: #ffffff;
	background-color: #dcdff0;
}
.default-button {
	border-radius: 8rpx;
	background-color: rgba(246, 246, 246, 1);
	color: rgba(108, 108, 108, 1);
	text-align: center;
	height: 76rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 32rpx;
	&.circle {
		border-radius: 40rpx;
	}
}

.second-button {
	background: rgb(206, 206, 206);
	color: #ffffff;
	height: 76rpx;
	font-size: 32rpx;
	border-radius: 40rpx;
}

.active-button {
	color: #3a74fc;
	border: 2rpx solid #3a74fc;
	background: #fff;
}
.reset-button {
	border-radius: 40px 40px 40px 40px;
	background-color: rgba(239, 239, 239, 1);
	color: rgba(79, 79, 79, 1);
	text-align: center;
	font-size: 38rpx;
	height: 80rpx;
	line-height: 80rpx;
}
.reset-button::after {
	border: none;
}
.default-button::after {
	border: none;
}
.primary-hollow-button {
	height: 80rpx;
	line-height: 80rpx;
	background-color: #ffffff;
	border: 2rpx $primary-color solid;
	font-size: 36rpx;
	color: $primary-color;
	border-radius: 80rpx;
}
.primary-hollow-button::after {
	border: none;
}

.delete-button {
	height: 80rpx;
	line-height: 80rpx;
	border: 2rpx #ff6161 solid;
	font-size: 34rpx;
	color: #ff6161;
	border-radius: 10rpx;
	background-color: #fff;
	font-weight: 700;
	padding: 0 8px;
	border-radius: 80rpx;
	&.small-size {
		height: 60rpx;
		line-height: 60rpx;
		font-size: 30rpx;
	}
}
.delete-button::after {
	border: none;
}

.submit-button {
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	background: #4095e5;
	border-radius: 10rpx;
	font-size: 36rpx;
	color: #ffffff;
	padding: 0;
}
.submit-button::after {
	border: none !important;
}

.danger-button {
	height: 80rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: $danger-color;
	border-radius: 10rpx;
	font-size: 36rpx;
	color: #ffffff;
	padding: 0 8px;

	&.plain {
		background-color: #fff;
		border: 2rpx solid $danger-color;
		color: $danger-color;
	}
	&.radius {
		border-radius: 36rpx;
	}
	&.small-size {
		height: 58rpx;
		font-size: 28rpx;
	}
}

.danger-button::after {
	border: none !important;
}

.danger-button[disabled]:not([type]) {
	color: #dddddd;
	background-color: $danger-color;
}

.popup-bd {
	height: calc(100vh - 300rpx - 100rpx);
	border-radius: 40rpx 40rpx 0 0;
	background-color: #ffffff;
	position: relative;
}

.popup-title {
	position: relative;
	line-height: 100rpx;
	text-align: center;
	font-size: 36rpx;
	font-weight: bold;
	color: #101010;
	border-radius: 20rpx 20rpx 0 0;
	background: linear-gradient(
		89.89deg,
		rgba(227, 237, 255, 1) -0.1%,
		rgba(223, 234, 255, 0) 100.6%
	);
}

.popup-close {
	position: absolute;
	right: 20rpx;
	top: 0rpx;
	color: #9a9a9a;
}

.popup-bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 120rpx;
	z-index: 99;
	background-color: #ffffff;
	box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.08);
	display: flex;
	align-items: center;
	padding-bottom: 10rpx;
}

.popup-content {
	font-size: 32rpx;
	padding: 20rpx;
	height: calc(100vh - 200rpx - 480rpx);
	overflow-y: scroll;
}
.scroll-height {
	height: 100%;
}
/deep/ .vue-ref {
	padding-bottom: 0 !important;
}
.picker-view {
	width: 100%;
	height: 600rpx;
	margin-top: 40rpx;
}
.picker-item {
	height: 50px !important;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 50px;
	font-size: 40rpx;
}
.hollow-button {
	height: 64rpx;
	line-height: 64rpx;
	font-size: 32rpx;
	border-radius: 32rpx;
	background-color: $primary-color;
	color: #ffffff;
}
.hollow-button::after {
	border: none;
}
.primary-hollow-color {
	border: 2rpx solid $primary-color;
	color: $primary-color;
}
.warning-hollow-color {
	border: 2rpx solid rgba(255, 96, 16, 0.45);
	color: #ff6010;
}
.fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
}

.tab-line {
	height: 100rpx;
	overflow: hidden;
	width: 100%;
}

.tab-bar {
	box-sizing: content-box;
	height: 100%;
	position: relative;
	background-color: #ffffff;
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	user-select: none;
	padding-bottom: 30rpx;
}

.tab-item {
	position: relative;
	flex: 1 0 auto;
	display: flex;
	text-align: center;
	font-size: 32rpx;
	color: #6b686b;
	position: relative;
	align-items: center;
	justify-content: center;
	line-height: 100rpx;
	padding: 0 20rpx;
}

.tab-active {
	color: $primary-color;
	font-weight: 700;
}

.tab-active-line {
	background: $primary-color;
	height: 4rpx;
	position: absolute;
	bottom: 4rpx;
	width: 30rpx;
	border-radius: 4rpx;
}
button[type='text'] {
	border: none;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	border-radius: inherit;
}
button[type='text']::after {
	border: none;
}

.card-box {
	background-color: #ffffff;
	border-radius: 20rpx;
	padding: 20rpx;
	box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.08);
}
.box-bd {
	border-radius: 32rpx;
	border: 2rpx #f2f2f2 solid;
	padding: 30rpx;
}
.bgf {
	background-color: #ffffff;
	min-height: 100vh;
}
.text-over {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-clamp-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.text-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.text-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.list-card-bd {
	background-color: #ffffff;
	border-radius: 30rpx;
	padding: 20rpx;
}
/deep/ .uni-select__selector-item {
	font-size: 30rpx !important;
}
/deep/ .uni-select__input-text {
	font-size: 30rpx !important;
}
/deep/ .uni-select__input-placeholder {
	font-size: 30rpx !important;
}
.del-line {
	text-decoration: line-through;
}
/deep/.uni-numbox__value {
	font-size: 36rpx !important;
	height: 60rpx !important;
}
/deep/.uni-numbox--text {
	font-size: 50rpx !important;
	line-height: 50rpx !important;
	height: 60rpx;
}

.small {
	width: 24rpx;
	height: 24rpx;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	color: #333333;
}
.middle {
	width: 40rpx;
	height: 40rpx;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	margin-left: -28rpx;
	animation: show2 1s ease-in-out infinite;
	opacity: 1;
	color: #333333;
}
@keyframes show2 {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.cricleplay {
	width: 100%;
}
.large {
	width: 60rpx;
	height: 60rpx;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	margin-left: -48rpx;
	animation: show3 1s ease-in-out infinite;
	opacity: 1;
	color: #333333;
}
@keyframes show3 {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.stopanimate {
	-moz-animation-name: none;
	-webkit-animation-name: none;
	-ms-animation-name: none;
	animation-name: none;
}
.tag-item {
	border: 2rpx #dddddd solid;
	border-radius: 8rpx;
	line-height: 78rpx;
	text-align: center;
	color: #333333;
}

.tag-item-active {
	border: 2rpx $primary-color solid;
	background-color: $primary-color;
	color: #ffffff;
}
.segmented-container {
	.segmented-control__text {
		font-size: 36rpx !important;
	}
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.flex-start-start {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.text-center {
	text-align: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.tag-default {
	border: 2rpx #dddddd solid;
	padding: 20rpx;
	margin-right: 10rpx;
	border-radius: 8rpx;
	margin-bottom: 20rpx;

	&.item-active {
		border: 2rpx $primary-color solid;
		background-color: $primary-color;
		color: #ffffff;
	}
}

.triangle {
	width: 0;
	height: 0;
	border: 8rpx solid transparent;
}
.triangle-bd10 {
	border: 10rpx solid transparent;
}
.top-def {
	border-bottom-color: $info-color;
}
.top-act {
	border-bottom-color: $primary-color;
}
.top-main {
	border-bottom-color: #b8e1dc;
}
.bottom-def {
	border-top-color: $info-color;
}
.bottom-act {
	border-top-color: $primary-color;
}
.bottom-main {
	border-top-color: #b8e1dc;
}
.uni-forms-item__label {
	font-size: 32rpx !important;
}
.title-icon {
	width: 10rpx;
	background-color: $primary-color;
	height: 40rpx;
}
.button-small {
	height: 60rpx;
	line-height: 60rpx;
	font-size: 34rpx;
	&.radius {
		border-radius: 30rpx;
	}
}
.diy-section-title {
	position: relative;
	font-weight: bold;
	font-size: 38rpx;
	line-height: 50rpx;
	&::before {
		content: '';
		width: 8rpx;
		height: 80%;
		background: #2b58de;
		position: absolute;
		left: -20rpx;
		top: 10%;
	}
}
.service-status {
	line-height: 60rpx;
	width: 160rpx;
	text-align: center;
	border-radius: 20rpx 20rpx 20rpx 0;
	background-color: #ffffff;
	color: $main-color;
}
.service-status-0 {
	background-color: #f0f3fe;
	color: #5374f7;
}
.service-status-1 {
	background-color: $service-back-color;
	color: $service-color;
}
.service-status-2 {
	background-color: #e9f9e9;
	color: #1dc11e;
}
.service-status-8 {
	background-color: #e9f9e9;
	color: #1dc11e;
}
.service-status-9 {
	background-color: #e9f9e9;
	color: #666666;
}
.service-status-10 {
	background-color: #f8e6e6;
	color: $danger-color;
}
.top-fixed {
	position: fixed;
	background-color: #ffffff;
	z-index: 22;
	min-height: 100rpx;
	left: 0;
	right: 0;
	box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.08);
}
.nav-tag {
	border: 2rpx #d8d8d8 solid;
	height: 70rpx;
	line-height: 70rpx;
	text-align: center;
	font-size: 36rpx;
	color: $main-color;
	border-radius: 35rpx;
}
.nav-tag-act {
	border: 2rpx $primary-color solid;
	background-color: $primary-color;
	color: #ffffff;
}

.item-more {
	height: 20rpx;
	background-color: #c7e6e2;
}

.item-more-wait {
	background-color: #85c8bf;
}

.item-more-act {
	background-color: #36aa9e;
}

.item-one {
	height: 20rpx;
	background-color: #dde3fe;
}

.item-one-wait {
	background-color: #90a5fb;
}

.item-one-act {
	background-color: #5375f7;
}

.item-other {
	height: 20rpx;
	background-color: #f3b2ba;
}
.item-other-wait {
	background-color: #e65b6b;
}
.item-other-act {
	background-color: #d9001b;
}
.item-many {
	background-color: #fcf1e4;
}
.item-many-wait {
	background-color: #f2c18a;
}
.item-many-act {
	background-color: #ea9e43;
}
.box-bg {
	background-image: linear-gradient(to right, #f4fbfd, #ffffff);
}
.box-radius {
	border-radius: 20rpx 20rpx 0 0;
}
/deep/.uni-noticebar {
	border-radius: 20rpx !important;
}
/deep/.uni-noticebar__content-text {
	font-size: 36rpx !important;
}
.order-combo-title {
	border-radius: 20rpx 20rpx 0 0;
	background-image: linear-gradient(to right, #f1fbf4, #ebf5ef);
	padding-right: 20rpx;
}
.uni-file-picker__files {
	button[type='primary'] {
		background-color: $primary-color;
	}
}

.filter-popup {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
}
.filter-popup-mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 12;
	background-color: #000000;
	opacity: 0.2;
}

.filter-bd {
	position: fixed;
	left: 0;
	right: 0;
	background-color: #ffffff;
	max-height: calc(100vh - 300rpx);
	z-index: 99;
	border-radius: 0 0 20rpx 20rpx;
}

.filter-content {
	padding-top: 100rpx;
	max-height: calc(100vh - 300rpx - 560rpx);
}

.filter-bottom {
	height: 100rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-bottom: 20rpx;
}
.filter-item {
	line-height: 70rpx;
	border-radius: 35rpx;
	background-color: #ffffff;
	text-align: center;
}
.filter-item-li {
	padding-left: 30rpx;
	padding-right: 30rpx;
	margin-left: 20rpx;
	margin-bottom: 20rpx;
}
.filter-item-def {
	border: 2rpx #cfcfcf solid;
	font-size: 32rpx;
}
.filter-item-act {
	border: 2rpx $primary-color solid;
	background-color: $primary-color;
	color: #ffffff;
}
.word-warp {
	word-wrap: break-word;
	word-break: normal;
}
.c6 {
	color: #6c6c6c;
}
.c10 {
	color: #101010;
}
.a3 {
	color: #3a9bff;
}
.be {
	color: #bebebe;
}
.a9 {
	color: #9a9a9a;
}
.card-content {
	border: 2rpx solid #efefef;
	border-radius: 10rpx;
	padding: 30rpx 20rpx;
}
.word-break {
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap;
}
.bottom-line {
	border-bottom: 16rpx #efefef solid;
}
.dsb {
	display: block;
}
